@charset "utf-8";
/* CSS Document */

<style>
div#tmf7 {
    width: 78.6637% !important;
}
div#tmf6 {
    width: 21.3269% !important;
}
div#tmf3 {
    width: 1400px !important;
    margin: 0 auto;
}
/*样式初始化及公共样式部分*/
    *{ margin:0px; padding:0px; }
    body{ color:#333; font-size:13px; margin:0 auto; background-color:#fff; font-family:"Microsoft YaHei"; overflow-x:hidden; }
    a{ color:#333; text-decoration:none; transition:0.3s all; }/*定义全局链接颜色*/
    a:hover{ color:#333; transition:0.3s all; }/*定义全局链接鼠标滑过颜色*/
    div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd{ margin:0px; padding:0px; list-style:none; border:0px; }/*主要标签的样式初始化*/
    address, caption, cite, code, dfn, em, strong, th, var, optgroup, i { font-style: inherit; font-weight: inherit; }
    .cl,.clear{ clear: both; height:0px; }/*清除左右浮动*/
    .fl{ float:left; } /*定义左浮动*/
    .fr{ float:right; } /*定义右浮动*/
    .cp img{ border:1px solid #C1C1C1; padding:2px; background:#fff; }/*定义标签调用图片的边框样式*/
    .cp a:hover img{ border:1px solid #017c40; padding:2px; background:#fff; }/*定义鼠标经过时边框的变化效果*/
    .page{ width:1200px; margin:0 auto; height:auto; }
    .box{ width:1400px; margin:0 auto; height:auto; overflow:hidden; }/*定义版面统一宽度*/
    .pr{ position: relative; }
    .en { text-transform: uppercase; font-family: arial; }
    /*清除浮动*/
    .clearfix:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
    .clearfix { /*兼容 IE*/zoom: 1; }
    .top10{ margin-top:10px; }
    .top25{ margin-top:25px; }
    .top20{ margin-top:20px; }
    .top30{ margin-top:30px; }
    .top40{ margin-top:40px; }
    .top50{ margin-top:50px; }
    .top70{ margin-top:70px; }
    .top65{ margin-top:65px; }
    .top80{ margin-top:80px; }
/*抬头*/
    .head{     width: 1400px; margin:0 auto;     height: 123px;}
    .logo{ float:left; margin:14px 12px 0 0;}
    .head_bt{ float:left; margin-top:26px;  font-size:19px; color:#666; }
    .head_bt i{ display:block; font-size:34px; color:#000; font-weight:bold;}
/*产品详情*/
.pdt-item .txt h4{ font-size:2.8em; line-height:56px; margin-bottom:26px;}
.prodPro .con-tit{ height:50px;  font-size:25px;}
        .pro-detail-txt{ width:1120px; margin:40px auto 20px;}
        .pro-detail-txt .img img{ height:400px; width:auto;}
        .pdt-item{ background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2); position:relative; overflow:hidden; margin-bottom:20px;}
        .pdt-item .txt{width:400px; padding:100px 80px 0 0; position:relative; z-index:3; height:300px; background:#fff;}
        .pdt-item-r .img{ float:left;}
        .pdt-item-r .txt{ float:right; }
        .pdt-item .txt h4{ font-size:2.8em; line-height:56px; margin-bottom:26px;}
        .pdt-item .txt p{ color:#909295; line-height:28px;font-size:16px;}
        .pdt-item-r:before
        {
            content:"\20";
            position:absolute; right:450px;top:0; width:100px; height:420px; background:#fff; z-index:2;
            transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
            -webkit-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
            -moz-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
            -o-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
            -ms-transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
        }
        .pdt-item-l .img{ float:right;}
        .pdt-item-l .txt{ float:left;padding:100px 0 0 80px;}
        .pdt-item-l:before
        {
            content:"\20";
            position:absolute; left:440px;top:0; width:100px; height:420px; background:#fff; z-index:2;
            transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
            -webkit-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
            -moz-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
            -o-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
            -ms-transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
        }
        .pdt-canshu{background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2); position:relative; overflow:hidden; margin-bottom:20px;}
        .pdt-canshu dl{ padding:30px 0 60px;}
        .pdt-canshu dt{font-size:1.25em; height:50px; margin:0 80px;}
        .pdt-canshu dd{border-top:1px solid #44bde9;border-bottom:1px solid #44bde9; width:960px; margin:0 auto; overflow:hidden;}
        .pdt-canshu dd .oh{ width:1010px;}
        .pdt-canshu dd p{ float:left; width:456px; height:48px; line-height:48px; border-bottom:1px solid #e7e8e9; margin-right:48px}
.n_news {
    text-indent: 2em;
    font-size: 16px;
    line-height: 28px;
    color: #333;
}
.n_tu{text-align:center;}
/*标题*/
        .title1{ text-align:center; font-size:43px; color:#333333;}
        .title1 b i{ color: #06a7e2;}
        .title1 span{ display:block; font-size:18px; color:#8c8b89; margin:10px 0 20px 0;font-weight: 500;}
        .title1 em i{display:inline-block;width:6px;height:10px;background: linear-gradient(to right, #06a7e2, #06a7e2);border-radius:3px;vertical-align:top;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
        .title1 em i+i{ margin-left:11px;}
        .title1 em i:nth-child(2){ height:15px;  background: #06a7e2; animation: tptd 1.8s infinite;-webkit-animation: tptd 1.8s infinite;}
        .title1 em i:nth-child(3){ background: linear-gradient(to right, #06a7e2, #06a7e2); animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}
        @keyframes tptd{
            0%{transform: translateY(0);}
            50%{transform: translateY(5px);}
            100%{transform: translateY(0);}
        }
.xq {
    text-indent: 2em;
    font-size: 16px;
    line-height: 28px;
}
</style>